import React from 'react';
import styles from './componentStyle.less';
import { ProForm, ProFormText, ProFormTextArea } from '@ant-design/pro-components';
export default function MinioFile() {
  return (
    <div style={{ paddingTop: '12px' }}>
      <ProForm
        layout="vertical"
        // onFinish={handleFinish}
        submitter={{
          searchConfig: {
            submitText: '保存',
          },
          render: (_, dom) => dom[1],
        }}
        hideRequiredMark
      >
        <ProFormText
          width="md"
          name="email"
          label="阿里云秘钥 ID"
          rules={[
            {
              required: true,
              message: '请输入秘钥ID',
            },
          ]}
        />
        <ProFormText
          width="md"
          name="name"
          label="阿里云秘钥Secret"
          rules={[
            {
              required: true,
              message: '请输入秘钥SECRET!',
            },
          ]}
        />
        <ProFormText
          width="md"
          name="name"
          label="阿里云令牌桶"
          rules={[
            {
              required: true,
              message: '请输入令牌桶!',
            },
          ]}
        />
        <ProFormText
          width="md"
          name="address"
          label="阿里云端点 "
          rules={[
            {
              required: true,
              message: '请输入阿里云端点!',
            },
          ]}
        />

        {/* <ProFormFieldSet
              name="phone"
              label="联系电话"
              rules={[
                {
                  required: true,
                  message: '请输入您的联系电话!',
                },
                { validator: validatorPhone },
              ]}
            >
              <Input className={styles.area_code} />
              <Input className={styles.phone_number} />
            </ProFormFieldSet> */}
      </ProForm>
    </div>
  );
}
